/*section样式*/
section{
  width: 100%;
}
section .art_show{
  width: 100%;
  height: 470px;
  border: 0.1px solid rgba(0, 0, 0, 0);
  background-image: url(../imgs/head1.jpg);
  background-size: cover;
  background-position: left center;
}
section .art_show .art_show_text{
  width: 100%;
  height: 50px;
  margin: 420px 0 0 0;
  background-color: rgba(0, 0, 0, 0.5);
  /*background-color: #1f1f1f;*/
  /*opacity: 0.5;*/
  position: relative;
}
section .art_show .art_show_text li{
  margin: 0 10px;
  height: 50px;
  width: 80px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  background-image: url(../imgs/ycbz.png);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: left center;
  padding-left: 30px;
}
section .art_show .art_show_text li:nth-child(2){
  background-image: url(../imgs/hldj.png);
}
section .art_show .art_show_text li:nth-child(3){
  background-image: url(../imgs/yxsx.png);
}
section .art_show .art_show_text li:nth-child(4){
  background-image: url(../imgs/plqq.png);
}
section .art_show .art_show_btn{
  height: 50px;
  width: 140px;
  position: absolute;
  right: 10%;
  top: 0px;
  display: flex;
}
section .art_show .art_show_btn>div{
  width: 10px;
  height: 10px;
  background-color: #fff;
  margin: 20px 6px;
  border: 2px solid rgba(0, 0, 0, 1);
}
section .art_show .art_show_btn .art_show_btn_now{
  outline: 1px solid #fff;
}
/*section part1*/
section .art_monographic_plan{
  width: 1200px;
  margin: auto;
  height: 600px;
  /*border: 1px solid green;*/
}
section .art_monographic_plan h2{
  margin: 60px 0 0 10px;
}
section .art_monographic_plan h4{
  margin: 10px 0 0 10px;
  font-size: 20px;
  font-weight: normal;
}
section .art_monographic_plan .special_show{
  margin: 40px 0 0 0;
  display: flex;
  overflow: hidden;
}
section .art_monographic_plan .special_show div{
  width: 297.5px;
  height: 340px;
  background-color: #0ff;
  margin: 0 2px;
  background-image: url(../imgs/202108271029554764d39d85b.jpg);
  background-size: cover;
  background-position: center top;
}
section .art_monographic_plan .special_show .liyvzhong{
  background-image: url(../imgs/202108181750209162a3092c0.jpg);
}
section .art_monographic_plan .special_show .fanding{
  background-image: url(../imgs/2021080410300154053410112.jpg);
}
section .art_monographic_plan .special_show .zhuqi{
  background-image: url(../imgs/20210728134751504bd486291.jpg);
}

/*section part2*/
section .art_collect_rec{
  width: 1200px;
  margin: auto;
  height: 1000px;
  /*border: 1px solid green;*/
}
section .art_collect_rec .container::after{
  content: "";
  display: block;
  clear: both;
}
section .art_collect_rec h2{
  margin: 60px 0 0 10px;
}
section .art_collect_rec h4{
  margin: 10px 0 0 10px;
  font-size: 20px;
  font-weight: normal;
}
section .art_collect_rec .recommed_one{
  width: 54%;
  height: 400px;
  float: left;
}
section .art_collect_rec .recommed_one h1{
  font-size: 30px;
}
section .art_collect_rec .recommed_one img{
  /*border: 1px solid red;*/
  margin: 0 10px;
}
section .art_collect_rec .recommed_one p{
  width: 460px;
  height: 148px;
  float: right;
  margin: 0 10px 0 0;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
section .art_collect_rec .recommed_one button{
  position: absolute;
  bottom: 0;
  border: none;
}
section .art_collect_rec .recommed_two{
  width: 40%;
  height: 360px;
  background-image: url(../imgs/20210512000911639f190d943.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  float: right;
}
section .art_collect_rec .recommed_two .art_price{
  width: 380px;
  height: 360px;
}
section .art_collect_rec .recommed_two .art_price p{
  width: 380px;
  height: 360px;
  margin: 0;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #000;
  opacity: 0.5;
  display: none;
}
section .art_collect_rec .recommed_two .art_price:hover p{
  display: block;
}
section .art_collect_rec .recommeds{
  float: left;
  width: 1080px;
  height: 360px;
  overflow: hidden;
  display: flex;
  position: relative;
}
section .art_collect_rec .recommeds .recommeds_box{
  height: 360px;
  width: 2160px;
  position: absolute;
  top: 0;
  left:0;
}
section .art_collect_rec .recommed_three{
  width: 340px;
  height: 340px;
  margin: 10px;
  background-image: url(../imgs/20210512000911639f190d943.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  float: left;
}
section .art_collect_rec .recommed_three_1{
  background-image: url(../imgs/20210512000008722dd8dd51e.jpg);
}
section .art_collect_rec .recommed_three_2{
  background-image: url(../imgs/202105120045337512057da12.jpg);
}
section .art_collect_rec .recommed_three_3{
  background-image: url(../imgs/20210511233538744933fcda6.jpg);
}
section .art_collect_rec .recommed_three_4{
  background-image: url(../imgs/20210511234029480df11368a.jpg);
}
section .art_collect_rec .recommed_three_5{
  background-image: url(../imgs/202105120115109604d66acc8.jpg);
}
section .art_collect_rec .recommed_three_6{
  background-image: url(../imgs/202105120139321204b02cda4.jpg);
}
section .art_collect_rec .recommed_three .art_price{
  width: 340px;
  height: 340px;
}
section .art_collect_rec .recommed_three .art_price p{
  width: 340px;
  height: 340px;
  margin: 0;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #000;
  opacity: 0.5;
  display: none;
}
section .art_collect_rec .recommed_three .art_price:hover p{
  display: block;
}
section .art_collect_rec .recommed_page{
  height: 360px;
  width: 110px;
  float: right;
}
section .art_collect_rec .recommed_page .page_one,
section .art_collect_rec .recommed_page .page_two{
  width: 40px;
  height: 24px;
  background-color: #333333;
  padding-left: 10px;
  color: #fff;
  line-height: 24px;
  margin: 20px 0 20px 10px;
  cursor: pointer;
}
section .art_collect_rec .recommed_page .page_two{
  background-color: #fff;
  color: #333;
}
section .art_collect_rec .recommed_page .change_page{
  margin: 90px 0 0 20px;
  /*border: 1px solid red;*/
  width: 80px;
  height: 160px;
  background-image: url(../imgs/zyjt.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  cursor: pointer;
}

/*section part3*/
section .newest_putaway{
  width: 1200px;
  margin: auto;
  height: 700px;
  /*border: 1px solid green;*/
}
section .newest_putaway h2{
  margin: 60px 0 0 10px;
}
section .newest_putaway h4{
  margin: 10px 0 0 10px;
  font-size: 20px;
  font-weight: normal;
}
section .newest_putaway .newest_arts{
  height: 600px;
  display: flex;
}
section .newest_putaway .newest_arts_nav{
  height: 540px;
  border: 1px solid #fff;
  background-image: url(../imgs/2019112918045029491c76fb1.png);
  background-repeat: no-repeat;
  background-size: 500px;
}
section .newest_putaway .newest_arts_list{
  display: flex;
  flex-wrap: wrap;
  height: 500px;
}
section .newest_putaway .newest_arts_list .box{
  width: 240px;
  height: 240px;
  margin: 0 10px;
  /*border: 1px solid red;*/
  overflow: hidden;
}
section .newest_putaway .newest_arts_list .box img{
  width: 240px;
  height: 240px;
  transition: all 0.5s;
}
section .newest_putaway .newest_arts_nav h3{
  font-size: 30px;
  text-align: center;
  color: #fff;
  margin: 120px 0 0 0;
  font-weight: normal;
}
section .newest_putaway .newest_arts_nav h5{
  font-size: 20px;
  text-align: center;
  color: #fff;
  margin: 0;
  font-weight: normal;
}
section .newest_putaway .newest_arts_nav .newest_list_box{
  display: flex;
  flex-wrap: wrap;
  margin: 80px 0 0 0;
}
section .newest_putaway .newest_arts_nav .newest_list{
  width: 80px;
  height: 40px;
  margin: 16px;
  background-color: #fff;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
}
section .newest_putaway .newest_arts_nav .newest_list a{
  color: #000;
  font-weight: bold;
  font-size: 16px;
}

/* section part4 艺术家 */
section .artists{
  width: 100%;
  height: 630px;
  /*border: 1px solid green;*/
}
section .artists .container{
  width: 1200px;
  margin: 0 auto 40px;
}
section .artists .artists_photo{
  background-image: url(../imgs/artistbg.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 453px;
}
section .artists h2{
  margin: 60px 0 0 10px;
}
section .artists h4{
  margin: 10px 0 0 10px;
  font-size: 20px;
  font-weight: normal;
}
/* section par5 张炯版画专场 */
section .artist_zhangjiong_arts{
  width: 1200px;
  height: 940px;
  margin: auto;
  /*border: 1px solid green;*/
}
section .artist_zhangjiong_arts h2{
  margin: 60px 0 0 10px;
}
section .artist_zhangjiong_arts .zj_personal_show{
  width: 100%;
  height: 800px;
  /*border: 1px solid red;*/
  display: flex;
  flex-wrap: wrap;
}
section .artist_zhangjiong_arts .zj_personal_show .zj_show_one{
  width: 600px;
  height: 400px;
}
section .artist_zhangjiong_arts .zj_personal_show .zj_show_one h3{
  margin: 0;
  padding-left: 30px;
  font-size: 26px;
}
section .artist_zhangjiong_arts .zj_personal_show .zj_show_two{
  width: 300px;
  height: 400px;
}
section .artist_zhangjiong_arts .zj_personal_show .zj_show_two .zj_arts_pho{
  display: inline-block;
  /*border: 1px solid red;*/
  width: 280px;
  height: 300px;
  margin: 10px 10px;
  overflow: hidden;
}
section .artist_zhangjiong_arts .zj_personal_show .zj_show_two img{
  width: 280px;
  height: 300px;
  transition: all 0.5s;
}
section .artist_zhangjiong_arts .zj_personal_show .zj_show_two .art_info{
  display: block;
  padding-left: 10px;
  font-size: 14px;
  color: #000;
}
section .artist_zhangjiong_arts .zj_personal_show .zj_show_two .zj_art_price{
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding-left: 10px;
}
section .artist_zhangjiong_arts .zj_art_price span{
  padding: 0 5px;
  background-color: #f00;
  color: #fff;
}